<template>
    <el-row>
        <el-col :span="2">
            <div class="header-set">
                <router-link to="/home">
                    <el-button type="primary" icon="menu"></el-button>
                </router-link>
            </div>
        </el-col>
        <el-col :span="20">
            <div class="header">
                {{title}}
            </div>
        </el-col>
        <el-col :span="2">
            <div class="header-set">
                <router-link to="/setting">
                    <el-button type="primary" icon="setting"></el-button>
                </router-link>
            </div>
        </el-col>
    </el-row>
</template>

<script>
export default {
    name: 'header',
    props: ["title"],
    data() {
        return {
        }
    }
}
</script>
<style>
body {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

.header {
    text-align: center;
    height: 46px;
}

.header-set {
    text-align: center;
    height: 46px;
}
</style>

